<template>
    <!-- 归档检测记录页面... -->
    <el-card body-style="min-height: 86vh">
        <!-- 搜索 -->
        <el-form :model="searchForm">
            <el-row :gutter="10">
                <el-col :span="6">
                    <el-form-item label="车牌号" label-width="80">
                        <el-input placeholder="请输入车牌号" style="width: 340px" size="large"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item>
                        <el-button type="primary" size="large" @click="handleGetTableList()">搜索</el-button>
                        <el-button size="large" @click="handleRestSearch()">重置</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <el-divider />
        <!-- 归档检测记录列表 -->
        <el-table :data="tableData" style="width: 100%">
            <el-table-column label="序号" type="index" width="100" align="center"/>
            <el-table-column prop="fileDate" label="归档时间"  align="center"/>
            <el-table-column prop="licensePlate" label="车牌号码"  align="center"/>
            <el-table-column prop="archivedBy" label="归档人" align="center"/>
        </el-table>
        <!-- 分页 -->
         <!--  @current-change="handleGetTableList" -->
           <!-- :page-size="10" 意思是一页10条数据 -->
            <!-- :total="tableData.length" 是说 tableData -->
    <el-pagination
      class="flex justify-center mt-2"
      background
      layout="total,prev, pager, next"
      :page-size="10"
      :total="tableData.length"
      
    />

    </el-card>

</template>

<script setup>


const tableData = [
  {
    fileDate: '2016-05-03', // 归档时间
    licensePlate: '赣BB6512',//车牌号码
    archivedBy: '张三',//归档人
  },
  {
    fileDate: '2016-05-02',
    licensePlate: '赣BB3412',
    archivedBy: '雷鸣',
  },
  {
    fileDate: '2016-05-04',
    licensePlate: '赣BB1112',
    archivedBy: '赵毅鸣',
  },
  {
    fileDate: '2016-05-01',
    licensePlate: '赣C13245',
    archivedBy: '李浩',
  },
]
</script>

<style>
/* body {
    background-color: #f4f6f7 !important;

} */
</style>